<div class="main-container" id="main-container">
            <script type="text/javascript">
                try{ace.settings.check('main-container' , 'fixed')}catch(e){}
            </script>

            <div class="main-container-inner">
                <a class="menu-toggler" id="menu-toggler" href="#">
                    <span class="menu-text"></span>
                </a>




 <?php $this->partial("shared/menu") ?>




                <div class="main-content">
                    <div class="breadcrumbs" id="breadcrumbs">
                        <script type="text/javascript">
                            try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
                        </script>

                        <ul class="breadcrumb">
                            <li>
                                <i class="icon-home home-icon"></i>
                                <a href="#">Home</a>
                            </li>

                            <li>
                                <a href="#">Tables</a>
                            </li>
                            <li class="active">jqGrid plugin</li>
                        </ul><!-- .breadcrumb -->

                        <div class="nav-search" id="nav-search">
                            <form class="form-search">
                                <span class="input-icon">
                                    <input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
                                    <i class="icon-search nav-search-icon"></i>
                                </span>
                            </form>
                        </div><!-- #nav-search -->
                    </div>

                    <div class="page-content">




                            <div class="col-xs-12">

                                <!-- 搜索项开始-->
                                <div class="row">
                                <div class="widget-box">
                                            <div class="widget-header widget-header-small">
                                                <h5 class="lighter">搜索选项</h5>
                                                <span class="widget-toolbar">

                                                        <a data-action="reload" href="#">
                                                            <i class="icon-refresh"></i>
                                                        </a>

                                                        <a data-action="collapse" href="#">
                                                            <i class="icon-chevron-up"></i>
                                                        </a>
                                                    </span>
                                            </div>

                                            <div class="widget-body">
                                                <div class="widget-main">
                                                    <form class="form-search" action="<?php echo $searchAction;?>" method="GET">
                                                        <div class="row">
                                                            <div class="col-xs-12 col-sm-8">
                                                                <div class="input-group">
                                                                    <input type="text" name="username" placeholder="帐号" class="input-small" value="<?php echo $filters['username'];?>">
                                                                    <input type="text" name="realname" placeholder="真实姓名" class="input-small" value="<?php echo $filters['realname'];?>">
                                                                    <input type="text" name="email" placeholder="邮箱" value="<?php echo $filters['email'];?>">

                                                            <select name="group_id">
                                                                 <option value="0">管理员组...</option>
                                                                <?php foreach ($masterGroupOptions as $id => $groupName):?>
                                                                    <option value="<?php echo $id;?>" <?php echo $filters['group_id'] == $id ? 'selected' : '';?>><?php echo $groupName;?></option>
                                                                <?php endforeach;?>

                                                            </select>

                                                            <select name="is_lock">
                                                                 <option value="-1">状态...</option>
                                                                <?php foreach ($lockStatusOptions as $id => $lockName):?>
                                                                    <option value="<?php echo $id;?>" <?php echo $filters['is_lock'] == $id ? 'selected' : '';?>><?php echo $lockName;?></option>
                                                                <?php endforeach;?>

                                                            </select>

                                                                    <span class="input-group-btn">
                                                                        <button class="btn btn-purple btn-sm" type="submit">
                                                                            搜索
                                                                            <i class="icon-search icon-on-right bigger-110"></i>
                                                                        </button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- 搜索项截止-->

                                <!-- PAGE CONTENT BEGINS -->

                                 <div class="row">
                            <div class="col-xs-12">
                                <!-- PAGE CONTENT BEGINS -->

                                <div class="row">
                                    <div class="col-xs-12">
                                        <div class="table-responsive">
                                            <table id="sample-table-1" class="table table-striped table-bordered table-hover">
                                                <thead>
                                                    <tr>
                                                        <th class="center">
                                                            <label>
                                                                <input type="checkbox" class="ace" />
                                                                <span class="lbl"></span>
                                                            </label>
                                                        </th>
                                                        <th>帐号</th>
                                                        <th>昵称</th>
                                                        <th>真实姓名</th>

                                                        <th>
                                                            邮箱
                                                        </th>
                                                        <th>所属管理员组</th>
                                                        <th>状态</th>

                                                        <th></th>
                                                    </tr>
                                                </thead>

                                                <tbody>

                                                    <?php foreach($masters as $master):?>
                                                    <tr>
                                                        <td class="center">
                                                            <label>
                                                                <input type="checkbox" class="ace" />
                                                                <span class="lbl"></span>
                                                            </label>
                                                        </td>

                                                        <td>
                                                            <a href="#"><?php echo $master->username;?></a>
                                                        </td>
                                                        <td><?php echo $master->nickname;?></td>
                                                        <td><?php echo $master->realname;?></td>
                                                        <td><?php echo $master->email;?></td>
                                                        <td><?php echo $masterGroupOptions[$master->group_id];?></td>
                                                        <td>
                                                            <!--span class="label label-sm label-warning">Expiring</span-->
                                                            <?php echo $lockStatusOptions[$master->is_lock];?>
                                                        </td>

                                                        <td>
                                                            <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
                                                                <button class="btn btn-xs btn-success">
                                                                    <i class="icon-ok bigger-120"></i>
                                                                </button>

                                                                <button class="btn btn-xs btn-info" type="submit" onclick="window.location.href='<?php echo $editAction;?>';">
                                                                    <i class="icon-edit bigger-120"></i>
                                                                </button>

                                                                <button class="btn btn-xs btn-danger">
                                                                    <i class="icon-trash bigger-120"></i>
                                                                </button>

                                                                <button class="btn btn-xs btn-warning">
                                                                    <i class="icon-flag bigger-120"></i>
                                                                </button>
                                                            </div>

                                                        </td>
                                                    </tr>
                                                    <?php endforeach;?>

                                                </tbody>
                                            </table>

                                            <div style="float:right;">
                                            <ul class="pagination">
                                                <li class="disabled">
                                                    <a href="#">
                                                        <i class="icon-double-angle-left"></i>
                                                    </a>
                                                </li>

                                                <li class="active">
                                                    <a href="#">1</a>
                                                </li>

                                                <li>
                                                    <a href="#">2</a>
                                                </li>

                                                <li>
                                                    <a href="#">3</a>
                                                </li>

                                                <li>
                                                    <a href="#">4</a>
                                                </li>

                                                <li>
                                                    <a href="#">5</a>
                                                </li>

                                                <li>
                                                    <a href="#">
                                                        <i class="icon-double-angle-right"></i>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>

                                        </div><!-- /.table-responsive -->
                                    </div><!-- /span -->
                                </div><!-- /row -->


                                <!-- PAGE CONTENT ENDS -->
                            </div><!-- /.col -->
                        </div><!-- /.row -->
                    </div><!-- /.page-content -->
                </div><!-- /.main-content -->
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>



                <div class="ace-settings-container" id="ace-settings-container">
                    <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
                        <i class="icon-cog bigger-150"></i>
                    </div>

                    <div class="ace-settings-box" id="ace-settings-box">
                        <div>
                            <div class="pull-left">
                                <select id="skin-colorpicker" class="hide">
                                    <option data-skin="default" value="#438EB9">#438EB9</option>
                                    <option data-skin="skin-1" value="#222A2D">#222A2D</option>
                                    <option data-skin="skin-2" value="#C6487E">#C6487E</option>
                                    <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
                                </select>
                            </div>
                            <span>&nbsp; Choose Skin</span>
                        </div>

                        <div>
                            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
                            <label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
                        </div>

                        <div>
                            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
                            <label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
                        </div>

                        <div>
                            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
                            <label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
                        </div>

                        <div>
                            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
                            <label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
                        </div>

                        <div>
                            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
                            <label class="lbl" for="ace-settings-add-container">
                                Inside
                                <b>.container</b>
                            </label>
                        </div>
                    </div>
                </div><!-- /#ace-settings-container -->
            </div><!-- /.main-container-inner -->

            <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
                <i class="icon-double-angle-up icon-only bigger-110"></i>
            </a>
        </div><!-- /.main-container -->

<!-- basic scripts -->

        <!--[if !IE]> -->

        <script type="text/javascript">
            window.jQuery || document.write("<script src='/assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
        </script>

        <!-- <![endif]-->

        <!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='/assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->

        <script type="text/javascript">
            if("ontouchend" in document) document.write("<script src='/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
        </script>
        <script src="/assets/js/bootstrap.js"></script>
        <script src="/assets/js/typeahead-bs2.min.js"></script>


        <!-- ace scripts -->

        <script src="/assets/js/ace-elements.min.js"></script>
        <script src="/assets/js/ace.min.js"></script>



   <script type="text/javascript">
            jQuery(function($) {


                $('table th input:checkbox').on('click' , function(){
                    var that = this;
                    $(this).closest('table').find('tr > td:first-child input:checkbox')
                    .each(function(){
                        this.checked = that.checked;
                        $(this).closest('tr').toggleClass('selected');
                    });

                });


            })
        </script>